<script setup>
import { ref } from 'vue'
import PersonalSettingsChild from './PersonalSettingsChild.vue'
import { RouterLink,useRouter } from 'vue-router'

const router = useRouter()
const Changepassword = ref("修改支付密码")
const Modifylimit = ref("修改支付限额")
const Setbalancereminder = ref("修改登录密码")
const securitysetting = ref("安全设置")
const SwitchUsers = ref("切换用户")

function toThrid(tit) {
    sessionStorage.setItem("goto", tit)
}
function toLogin(){
    localStorage.removeItem('token')
    localStorage.removeItem('longToken')
    router.push('/login')
}

</script>
<template>
    <RouterLink to="/pay-last-password">
        <PersonalSettingsChild :type="Changepassword" @click="toThrid(Changepassword)" />
    </RouterLink>
    <RouterLink to="/pay-limit">
        <PersonalSettingsChild :type="Modifylimit" @click="toThrid(Modifylimit)" />
    </RouterLink>
    <RouterLink to="/login-password-change">
        <PersonalSettingsChild :type="Setbalancereminder" @click="toThrid(Setbalancereminder)" />
    </RouterLink>
    <RouterLink to="/fingerprint">
        <PersonalSettingsChild :type="securitysetting" @click="toThrid(securitysetting)" />
    </RouterLink>
    <PersonalSettingsChild :type="SwitchUsers" @click="toLogin()" />


    <!-- <PersonalSettingsChild :type="Modifylimit"/>
<PersonalSettingsChild :type="Setbalancereminder"/>
<PersonalSettingsChild :type="securitysetting"/>
<PersonalSettingsChild :type="SwitchUsers"/> --></template>
<style scoped></style>